import Vue from 'vue'
import Router from 'vue-router'

import HomePage from './views/HomePage';
import ClassificationPage from './views/ClassificationPage';
import ShoppingPage from './views/ShoppingPage';
import UserPage from './views/UserPage';
import DetailsPage from './views/DetailsPage';
import SearchPage from './views/SearchPage';
import loginPage from './views/loginPage';
import searchComponent from './views/searchComponent';

Vue.use(Router);

export default new Router({
    linkActiveClass: "exact-active",
    linkActiveClass: "active",
    routes: [
        { path: "/", redirect: "ShoppingPage" },
        { path: "/HomePage", name: "HomePage", component: HomePage },
        { path: "/ClassificationPage", name: "ClassificationPage", component: ClassificationPage },
        { path: "/ShoppingPage", name: "ShoppingPage", component: ShoppingPage, meta: { hideNavBar: true, hideBottomBar: true } },
        { path: "/UserPage", name: "UserPage", component: UserPage, meta: { hideNavBar: true, showUserNavBar: true } },
        { path: "/DetailsPage", name: "DetailsPage", component: DetailsPage, meta: { hideNavBar: true, hideBottomBar: true } },
        { path: "/SearchPage", name: "SearchPage", component: SearchPage, meta: { hideBottomBar: true } },
        { path: "/loginPage", name: "loginPage", component: loginPage, meta: { hideNavBar: true, hideBottomBar: true } },
        { path: "/searchComponent", name: "searchComponent", component: searchComponent, meta: { hideBottomBar: true } },

    ]
})